<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <title>中奖详情</title>
    <link rel="stylesheet" type="text/css" href="css/reset.min.css">
    <link rel="stylesheet" type="text/css" href="css/main.min.css">
    <link rel="stylesheet" type="text/css" href="css/detail.min.css">
    <script type="text/javascript">
    function get_hfs() {
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
    }
    get_hfs();

    function throttle(method, context) {
        clearTimeout(method.timer);
        method.timer = setTimeout(function() {
            method.call(context);
        }, 100);
    }
    window.onresize = function() {
        throttle(get_hfs);
    }
    </script>
</head>

<body>
    <div class="congratulation">
        <h1 class="title">恭喜</h1>
        <p class="get-name">获得乐视超级电视x40s</p>
        <div class="img-content">
            <!-- 实物 -->
            <img class="tv-img " src="img/tv_img.png">
            <!-- 红包 -->
            <img class="hb-img invisible" src="img/hb_img.png">
        </div>
        <p class="already-get">奖品已成功领取</p>
    </div>
    <div class="tv-show">
        <!-- 实物奖品 -->
        <div class="skip skip1 clearfix ">
            <a href="##" class="tv-btn" data-click="order-detail">订单信息</a>
            <a href="##" class="tv-btn" data-click="my-gift-btn">我的礼品</a>
        </div>
        <!-- 红包 -->
        <div class="skip skip2 clearfix invisible">
            <a href="##" class="hb-btn " data-click="my-gift-btn">我的礼品</a>
        </div>
        <!-- 实物时 -->
        <div class="prize-info">
            <div class="tv">
                <h3 class="prize-title">礼品说明</h3>
                <p class="prize-p">1.本礼品为乐视超级电视X40S，40寸智能电视。
                    <br> 2.领奖请详细填写配送信息，确认即可成功领取。
                    <br> 3. 10个工作日内发货，快递包邮，全国联保，请留意查收。</p>
            </div>
        </div>
        <!-- 红包时 -->
        <div class="prize-info invisible hblqsm">
            <a href="javascript:void(0)" class="hb-info-btn">微信红包领取说明&gt;&gt;</a>
        </div>
    </div>
    <!-- 红包弹窗 -->
    <div class="pop-bg invisible">
            <div class="pop_close">
           <a href="##" class="hb-pop-close"></a> 
        </div>
        <div class="hb-pop">

            
            <h4 class="hb-title">红包领取说明</h4>
            <div class="hb-p">
                <p>1.领取微信红包后，将发往您的微信号，请及时领取红包；
                    <br>2.请关闭本页面，返回微信消息查看红包提醒。如果您已关注“天子汇”公众号，请查看公众号的红包提醒，如图1：</p>
                <div class="hb-p-img-content">
                    <img src="img/hb_pop_from.png" class="hb-p-img">
                </div>
                <p>如果您没有关注“天之汇”公众号，请查看“服务通知”的红包提醒，如图2：</p>
                <div class="hb-p-img-content">
                    <img src="img/hb_pop_notice.png" class="hb-p-img">
                </div>
                <div class="chide ">
                    <p>3.红包24小时内有效，请及时领取，超时无法补发。</p>
                    <p>4.红包先进领取后会自动存入微信钱包零钱（可在微信-我的-钱包进行查看）。</p>
                    <p>5.如果领取时出现“发送失败，此请求可能存在风险，已被微信拦截”提示，狮子目标账户被微信列为风险账户而冻结，微信支付的原因导致的用户无法领取红包，我们将不能补发。</p>
                </div>
            </div>
        </div>
        <div class="hb-pop-2">
            <a href="javascript:void(0)" class="bottom-btn"></a>
        </div>
    </div>
    <div class="footer">
        <div class="footer-img-content">
            <img class="code" src="img/code.png">
        </div>
        <p class="footer-text">长按识别二维码
            <br>关注“伊利活动”，参加更多福利活动。</p>
        <div class="clearfix f_cb">
            <p class="copy">版权所有:<span class="copy-name">引力集团</span></p>
            <p class="support">技术支持:<span class="support-name">万川营销云&nbsp;&nbsp;</span></p>
        </div>
    </div>
    <script src='js/jquery.min.js'></script>
    <script src="js/main.min.js"></script>
    <script src="js/detail.min.js"></script>
</body>

</html>
